<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <pre>

        v-on:  事件绑定的方法写成函数调用的形式，可以传入自定义参数
                定义方法时需要定义形参来接收传入的实参
                事件的后面跟上 .修饰符可以对时间进行限制
                .enter可以限制触发的案件为回车



    </pre>


    <div id="app">
        <input type="button" value="点击" @click="doIt(666,'老铁没毛病')">
        <input type="text" @keyup.enter="sayHi">

    </div>
</body>
<script src="../vue.js"></script>
<script>
    let app = new Vue({

        el: "#app",
        methods: {
            doIt: function (p1, p2) {
                console.log(p1, p2)


            },
            sayHi: function () {
                alert('123');
            }


        },


    })


</script>

</html>